<script setup lang="ts">
import HmHead from './components/HmHead.vue';
import HmContent from './components/HmContent.vue';
import HmFooter from './components/HmFooter.vue';
</script>

<template>
  <div class="father">
    <!-- 头部 -->
    <hm-head />
    <!-- 中间 -->
    <hm-content />
    <!-- 尾部 -->
    <hm-footer />
  </div>
</template>

<style scoped>
.father {
  width: 800px;
  height: 600px;
  background-color: pink;
  margin: 0 auto;
}
</style>